@charset "utf-8";
/*
=======================================================
文件名: my_photo.css
作者: BetaNG
创建或修改日期:2010-05-17
说明: 
=======================================================
*/
@import url("global.css");
/*==二级导航==*/
#sub_nav_box{ zoom:1; margin-bottom:10px;}
#sub_nav_box:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#sub_nav_box .user_img{ float:left; margin-right:10px;}
#sub_nav_box #sub_nav{ float:left; width:874px; margin-bottom:0}

/*==主人态-相册列表==*/
#my_album_list{}
#my_album_list .mod_head{ height:43px; zoom:1;}
#my_album_list .mod_head:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_album_list .mod_head h3{ float:left; font-size:14px; margin-top:15px; margin-left:10px; display:inline}
#my_album_list .mod_head .op_link{ float:right; margin-right:10px; margin-top:15px; display:inline}
#my_album_list .mod_head .op_link img{ margin-bottom:3px; margin-right:5px;}
#my_album_list .list{ margin-top:20px; margin-left:20px}
#my_album_list .list .tips_2{ padding:5px; margin-right:20px; margin-bottom:20px;}
#my_album_list .list ul{zoom:1; padding-bottom:38px;}
#my_album_list .list ul li{ width:227px; float:left; margin-bottom:38px;}
#my_album_list .list ul li .album_tit{ width:95px; float:right; margin-right:10px; display:inline; margin-top:5px;}
#my_album_list .list ul li .album_tit h4 a{ font-size:14px;}
#my_album_list .list ul li .album_box{ float:left; width:110px; height:122px;}
#my_album_list .list ul li .album_box .album_cont{ margin-right:1px; padding-left:4px; padding-top:3px; height:117px; overflow:hidden}
#my_album_list .list ul li .album_box .album_cont .photo{ display:table-cell; height:100px; width:101px; text-align:center; vertical-align:middle;}
#my_album_list .list ul li .album_box .album_cont .btn{ text-align:right}
#my_album_list .list ul li .album_box .album_cont .btn button{ width:18px; height:18px; border:0; background:0; overflow:hidden; margin-right:5px; text-align:center; float:right}

/*==客人态-相册列表==*/
#my_guest_album{}
#my_guest_album .mod_head{ height:43px; zoom:1;}
#my_guest_album .mod_head:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_guest_album .mod_head h3{ float:left; font-size:14px; margin-top:15px; margin-left:10px; display:inline}
#my_guest_album .mod_head h3 a{ font-weight:bold}
#my_guest_album .list{ margin-top:20px; margin-left:20px}
#my_guest_album .list ul{zoom:1; padding-bottom:38px;}
#my_guest_album .list ul li{ width:227px; float:left; margin-bottom:38px;}
#my_guest_album .list ul li .album_tit{ width:95px; float:right; margin-right:10px; display:inline; margin-top:5px;}
#my_guest_album .list ul li .album_tit h4 a{ font-size:14px;}
#my_guest_album .list ul li .album_box{ float:left; width:110px; height:109px;}
#my_guest_album .list ul li .album_box .album_cont{ margin-right:1px; padding-left:4px; padding-top:3px; height:104px; overflow:hidden}
#my_guest_album .list ul li .album_box .album_cont .photo{ display:table-cell; height:100px; width:101px; text-align:center; vertical-align:middle;}

/*==主人态-照片列表==*/
#my_photo_list{}
#my_photo_list .mod_head{ height:43px; zoom:1;}
#my_photo_list .mod_head:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_photo_list .mod_head h3{ display:none}
#my_photo_list .mod_head .road{ font-size:14px; float:left; margin-left:10px; margin-top:15px; display:inline;}
#my_photo_list .mod_head .op_link{ float:right; margin-right:10px; margin-top:12px; display:inline}
#my_photo_list .mod_head .op_link img{ vertical-align: ; line-height:16px; margin-right:5px;}
#my_photo_list .mod_head .op_link select{ vertical-align: middle}
#my_photo_list .list{ margin-top:20px;}
#my_photo_list .list ul{zoom:1;}
#my_photo_list .list ul:after{content:""; display:block; clear:both; height:0; overflow:hidden}
#my_photo_list .list ul li{ width:112px; float:left; margin-bottom:38px; margin-left:20px; margin-right:26px; display:inline; overflow:hidden}
#my_photo_list .list ul li .album_box{ width:106px; height:122px; padding-left:4px;}
#my_photo_list .list ul li .album_box .photo{ display:table-cell; height:100px; width:101px; text-align:center; vertical-align:middle; margin-top:4px;}
#my_photo_list .list ul li .album_box .btn{ text-align:right}
#my_photo_list .list ul li .album_box .btn button{ width:18px; height:18px; border:0; background:0; overflow:hidden; margin-right:5px; text-align:center; float:right}

/*==客人态-照片列表==*/
#my_guest_photo{}
#my_guest_photo .mod_head{ height:43px; zoom:1;}
#my_guest_photo .mod_head:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_guest_photo .mod_head h3{ display:none}
#my_guest_photo .mod_head .road{ font-size:14px; float:left; margin-left:10px; margin-top:15px; display:inline;}
#my_guest_photo .mod_head .op_link{ float:right; margin-right:10px; margin-top:12px; display:inline}
#my_guest_photo .mod_head .op_link img{ vertical-align: ; line-height:16px; margin-right:5px;}
#my_guest_photo .mod_head .op_link select{ vertical-align: middle}
#my_guest_photo .list{ margin-top:20px;}
#my_guest_photo .list ul{zoom:1; padding-bottom:38px;}
#my_guest_photo .list ul li{ width:112px; float:left; margin-bottom:38px; margin-left:20px; margin-right:26px; display:inline}
#my_guest_photo .list ul li .album_box{ width:106px; height:110px; padding-left:4px;}
#my_guest_photo .list ul li .album_box .photo{ display:table-cell; height:100px; width:101px; text-align:center; vertical-align:middle; margin-top:4px;}

/*==日志设置==*/
#my_set_photo{}
#my_set_photo .content{ margin-left:255px; padding-top:10px; padding-bottom:25px;}
#my_set_photo .content .check_list dt,
#my_set_photo .content .check_list dd{ margin-bottom:5px;}
#my_set_photo .content .check_list dd .option_list{ margin-left:20px; margin-top:5px; padding-bottom:3px;}
#my_set_photo .content .check_list dd .option_list select{ margin-right:5px;}
#my_set_photo .content .btn{ margin-top:30px; zoom:1;}
#my_set_photo .content .btn:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_set_photo .content .btn button{ margin-right:8px;}

/*==相片详情==*/
#my_view_photo .mod_head{ height:43px; zoom:1; margin-bottom:20px;}
#my_view_photo .mod_head:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_view_photo .mod_head h3{ display:none}
#my_view_photo .mod_head .road{ font-size:14px; float:left; margin-left:10px; margin-top:15px; display:inline;}
#my_view_photo .mod_head h3 a{ font-weight:bold}
#my_view_photo .mod_head .op_link{ float:right; margin-right:10px; margin-top:11px; display:inline;}
#my_view_photo .turn_page{ text-align:center; margin-bottom:20px;}
#my_view_photo .turn_page img{ vertical-align:middle}
#my_view_photo .content{ margin-bottom:20px; text-align:center; padding-bottom:50px;}
#my_view_photo .photo_msg{ width:908px; margin-left:20px;}
#my_view_photo .photo_msg .msg_tit{ zoom:1; margin-bottom:10px;}
#my_view_photo .photo_msg .msg_tit:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_view_photo .photo_msg .msg_tit h3{ float:left; font-size:14px;}
#my_view_photo .photo_msg .msg_tit .tips{ float:right}
#my_view_photo .photo_msg .list{}
#my_view_photo .photo_msg .list li{ zoom:1; margin-bottom:28px;}
#my_view_photo .photo_msg .list li:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_view_photo .photo_msg .list li .img_box{ width:104px; float:left}
#my_view_photo .photo_msg .list li .msg_cont{ width:794px; float:right; overflow:hidden}
#my_view_photo .photo_msg .list li .msg_cont .msg_info{ height:25px;}
#my_view_photo .photo_msg .list li .msg_cont .msg_info .user_name,
#my_view_photo .photo_msg .list li .msg_cont .msg_info .time{ float:left; margin-left:10px; display:inline; margin-top:5px;}
#my_view_photo .photo_msg .list li .msg_cont .msg_info .citation{ float:right; margin-top:5px; margin-right:10px; display:inline}
#my_view_photo .photo_msg .list li .msg_cont .msg_info .citation a{ float:right; margin-left:15px;}
#my_view_photo .photo_msg .list li .msg_cont .msg_data{ line-height:1.5em; margin-top:8px;}
#my_view_photo .photo_msg .list li .reponse_msg{ margin-top:10px; width:774px; margin-left:20px;}
#my_view_photo .photo_msg .list li .reponse_msg .time{ margin-bottom:5px;}
#my_view_photo .photo_msg .list li .reponse_msg .reponse_cont{ line-height:1.5em;}
#my_view_photo .photo_msg .list li .reponse_editor textarea{ width:788px; height:60px; margin-bottom:10px;}
#my_view_photo .photo_msg .list li .reponse_editor .btn{ width:100%;}
#my_view_photo .photo_msg .list li .reponse_editor .btn button{ float:left; margin-right:8px;}
#my_view_photo .editor_box{ overflow:hidden; padding-top:20px;}
#my_view_photo .editor_box .tit{ zoom:1; margin-bottom:7px; padding-left:20px;}
#my_view_photo .editor_box .tit:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_view_photo .editor_box .tit h3{ float:left; font-size:14px;}
#my_view_photo .editor_box .tit .tips{ float:right; margin-right:20px; display:inline}
#my_view_photo .editor_box .editor_cont{ height:120px; margin-bottom:10px; width:908px; margin-left:20px; overflow:hidden}
#my_view_photo .editor_box .btn{ width:908px; margin-left:20px; zoom:1; margin-bottom:20px;}
#my_view_photo .editor_box .btn:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_view_photo .editor_box .btn button{ float:left}
#my_view_photo .editor_box .btn .tips{ float:right}
#my_view_photo .editor_box .editor_tips{ font-size:14px; padding:50px 0;}
#my_view_photo .editor_box .editor_tips p{ text-align:center; margin-bottom:15px;}
#my_view_photo .editor_box .editor_tips p img{ vertical-align:middle; margin-right:10px;}

/*==上传照片==*/
#my_sandup_photo{}
#my_sandup_photo .select_photo{ margin-left:20px; margin-bottom:10px;}
#my_sandup_photo .content{ margin:0 20px; zoom:1; padding-bottom:22px;}
#my_sandup_photo .content:after{ content:""; display:block; clear:both; height:0; overflow:hidden}
#my_sandup_photo .content .sand_box{ width:708px; float:left; overflow:hidden}
#my_sandup_photo .content .sand_box .photo_widget{ margin-bottom:10px; height:360px;}
#my_sandup_photo .content .info_box{ width:190px; float:right}
#my_sandup_photo .content .info_box .side_mod h3{ font-size:12px;}
#my_sandup_photo .content .info_box .qa_mod{}
#my_sandup_photo .content .info_box .qa_cont{ padding:0 10px 8px 10px;}
#my_sandup_photo .content .info_box .qa_cont .page_up{ line-height:1.5em; margin-bottom:8px;}
#my_sandup_photo .content .info_box .album_capacity{}
#my_sandup_photo .content .info_box .album_capacity .cap_cont{ padding:0 7px 18px 10px;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .progress{ width:166px; background:#fff; margin-bottom:7px;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .progress p{ background:#9ccb37; height:12px;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .progress p span{display:none;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .green_cap{ margin-bottom:3px;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .green_cap em{ background:#9ccb37; display:block; width:10px; height:10px; overflow:hidden; text-indent:-9999px; float:left; margin-right:8px;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .white_cap{ margin-bottom:6px;}
#my_sandup_photo .content .info_box .album_capacity .cap_cont .white_cap em{ background:#ffffff; display:block; width:10px; height:10px; overflow:hidden; text-indent:-9999px; float:left; margin-right:8px;}
#my_sandup_photo .content .info_box .tips{}
#my_sandup_photo .content .info_box .tips ol{ margin-left:27px; list-style-type:decimal; line-height:1.5em;}
#my_sandup_photo .content .info_box .tips ol li{ list-style-type: decimal}
#my_sandup_photo .content .common_upload{ margin-left:220px; margin-top:10px; float:left; display:inline}
#my_sandup_photo .content .common_upload .select{ margin-bottom:10px;}
#my_sandup_photo .content .common_upload .btn{ margin-left:60px; padding-top:20px;}
#my_sandup_photo .content .common_upload .btn div{ margin-bottom:10px;}
#my_sandup_photo .content .common_upload .btn div input{ vertical-align:middle; margin-right:5px;}

/*===== 滚动图片 =====*/
.scroll_photo{overflow:hidden; margin:0 auto; width:685px; height:60px;}
.scroll_photo button{cursor:pointer; overflow:hidden; float:left; width:17px; height:60px; border:0 none; background:url(/city_v1/img/bg_turn_page.png) no-repeat 0 0;}
.scroll_photo button span{display:none;}
.scroll_photo .btn_next{background-position:-19px 0;}

.scroll_photo .list_mini_photo{overflow:hidden; float:left; margin:0 3px; width:645px;}
.scroll_photo .list_mini_photo ul{width:1000px;}
.scroll_photo .list_mini_photo li{float:left; margin-right:5px; padding:1px; border:1px solid #DADADA;}
.scroll_photo .list_mini_photo li .photo{overflow:hidden; margin:3px; width:50px; height:50px; background-color:#E7E7E7; text-align:center; line-height:50px;}
.scroll_photo .list_mini_photo li a img{display:block; font-size:0;}
.scroll_photo .list_mini_photo li.current{border:2px solid #0C75A3;}
.scroll_photo .list_mini_photo li.current .photo{margin:2px;}

.scroll_photo_static{height:40px; line-height:40px; text-align:center;}
/* ********************* */
/* -- Form Styles ------------------------------- */
form {
    margin: 0;
    padding: 0;
}



div.fieldset {
    border:  1px solid #afe14c;
    margin: 10px 0;
    padding: 20px 10px;
}
div.fieldset span.legend {
    position: relative;
    background-color: #FFF;
    padding: 3px;
    top: -30px;
    font: 700 14px Arial, Helvetica, sans-serif;
    color: #73b304;
}

div.flash {
    width: 375px;
    margin: 10px 5px;
    border-color: #D9E4FF;

    -moz-border-radius-topleft : 5px;
    -webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

button,
input,
select,
textarea {
    border-width: 1px;
    margin-bottom: 10px;
    padding: 2px 3px;
}



input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


label {
    width: 150px;
    text-align: right;
    display:block;
    margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
    font: 10pt Helvetica, Arial, sans-serif;
    vertical-align: top;
}

.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
    vertical-align: top;
}